<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>科大教育————师资详情</title>
		<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/homepage.css" />
		<link rel="stylesheet" type="text/css" href="../css/course.css" />
		<link rel="stylesheet" type="text/css" href="../css/teacher.css" />
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="../js/jquery-3.4.1.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="../bootstrap/js/bootstrap.min.js"></script>
	</head>
	<body>
		<div id="content">
			<div class="teacher-top">
				<div class="teacher-topleft">
					<div class="teacher-top-circle"></div>
					<div style="margin-left: 30px;">
						<p style="font-size: 20px; color: #F0F0F0;">
							lalou喽789
							<span style="font-size: 15px;color: #7CA694">&nbsp;&nbsp;&nbsp;暂无头衔</span>
						</p>
						<p style="font-size: 12px; color: #7CA694">天生我材必有用</p>
					</div>
				</div>
				<div class="teacher-topright" style="margin-top: 20px;">
					<div class="teacher-topright-concent">
						<span style="font-size: 16px;color: #A1C8B5">3 粉丝</span>
						<span style="font-size: 16px;color: #A1C8B5">0 关注</span>
					</div>
					<div class="teacher-topright-concent" style="margin-top: 40px;">
						<button type="button" class="teacher-top-btn" style="border-color: #008655; background-color: #FFFFFF; color: #00925D;">
							关注
						</button>
						<button type="button" class="teacher-top-btn" style="border-color: #FFFFFF; background-color: #00925D; color: #FFFFFF; margin-left: 5px;">
							私信
						</button>
					</div>
				</div>
			</div>
			<br />
			<br />
			<br />
			<div class="container">
				<div class="row">
					<ul class="list-group" style="list-style: none; margin-top: 20px;">
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #10C684;">
											免费
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #10C684;">
											免费
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #10C684;">
											免费
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #10C684;">
											免费
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #10C684;">
											免费
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #10C684;">
											免费
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #10C684;">
											免费
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span">
											600.00
											<img src="../img/ic_money.png" class="all-class-price-img">
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #10C684;">
											免费
										</span>
									</div>
								</div>
							</div>
						</li>
						<li class="col-lg-3 col-sm-6 col-xs-12" style="margin-top: 20px;">
							<div class="all-class">
								<div class="all-class-top"></div>
								<div class="all-class-foot">
									<p>
										物理二
									</p>
									<div class="all-class-img">
										<span>
											<img src="../img/ic_people2.png" class="all-class-imgs">
											60
										</span>
										<span>
											<img src="../img/ic_msg2.png" class="all-class-imgs">
											14
										</span>
										<span class="all-class-price-span" style="color: #10C684;">
											免费
										</span>
									</div>
								</div>
							</div>
						</li>

					</ul>
				</div>

			</div>
		</div>
		<br />
		<br />

		<script src="../js/course.js" type="text/javascript"> </script>
	</body>
</html>
